<!-- LEFT PANE -->
<div style="width:244px;float:left">
	<div id="div-bar">
		<div class="panel-title calibri_bold"><div>STORE BOX</div></div>
		<div class="panel-content">
			<div id="the-store">
				<ul class="calibri_bold">
					<li style="width:110px">ITEM</li>
					<li style="width:55px">NAME</li>
					<li style="width:55px">PRICE</li>
				</ul>
				<div class="clear-5"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				<div class="clear-3"></div>
				<ul id="store-items">
					<li style="width:110px" class="bar-item"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-name"><p>&nbsp;</p></li>
					<li style="width:55px" class="bar-price"><p>&nbsp;</p></li>
				</ul>
				
			</div>
				<div class="clear-10"></div>
				<center><button type="button" name="" value="" class="css3button">To Store</button></center>
		</div>
	</div>
	
	<div class="clear-24"></div>
	
	<div id="div-bar">
		<div class="panel-title calibri_bold"><div>DONATIONS</div></div>
		<div class="panel-content" style="padding:18px">
			<p class="bottom-bar calibri">
				Your generous donations will help pay for our server hosting costs and will ensure that our site runs the way it should.
			</p>
			<div class="clear-10"></div>
			<center><button type="button" name="" value="" class="css3button">To Donate<br/>click here</button></center>
		</div>
	</div>

</div>
<!-- END LEFT PANE -->

<!-- START CENTER PANE -->
<div style="width:611px;margin:0 21px 0 21px;float:left">
	<div id="dark-div">
		<h1 id="welcome_gamers" class="site-blue calibri_bold" style="font-size:19px">Welcome Gamers!</h1>
		<div class="clear-24"></div>
		<p class="calibri" style="font-size:14px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
	</div>
	<div class="clear-15"></div>
	
	<div id="forum-center">
		<div class="date-holder">
			<div class="calibri_bold mnth"><div style="padding-top:5px">FEB</div></div>
			<div class="calibri_bold day"><div style="padding-top:2px">09</div></div>
		</div>
		<div style="float:right;width:585px;background:#2a2a2a" class="forum-content">
			<div class="forum-header">
				<div style="float:left">Progress Report</div> <div style="float:right">Saturday at 1:29 AM</div>
				<div class="clear"></div>
			</div>
			<div style="font-size:12px">
				<div class="forum-status" style="padding:13px 135px 0 35px;">
					<div style="float:left">
						<img src="<?php echo base_url() ?>images/pin.jpg">by <label class="site-blue">Gusang</label> at <label class="site-blue">1:29 AM</label> (72 Views / 0 Likes)
					</div>
					<div style="float:right" class="site-blue">
						<img src="<?php echo base_url() ?>images/mss.jpg" >9 Comments
					</div>
					<div class="clear-5"></div>
				</div>
				<div class="forum-content" style="color:#fff;padding:10px 10px 10px 35px;">
					<img class="forum-profile-main" src="<?php echo base_url() ?>images/forums/mainImg.jpg" align="right">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
				</div>
			</div>
			<div class="forum-footer">
				<div style="float:left">
				</div>
				<div style="float:right;font-size:12px">
					<img src="<?php echo base_url() ?>images/forums/readmore.png"/>&nbsp;<a href="#">Continue reading...</a>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	
	<div class="clear-15"></div>
	
	<div id="forum-center">
		<div class="date-holder">
			<div class="calibri_bold mnth"><div style="padding-top:5px">FEB</div></div>
			<div class="calibri_bold day"><div style="padding-top:2px">09</div></div>
		</div>
		<div style="float:right;width:585px;background:#2a2a2a" class="forum-content">
			<div class="forum-header">
				<div style="float:left">Progress Report</div> <div style="float:right">Saturday at 1:29 AM</div>
				<div class="clear"></div>
			</div>
			<div style="font-size:12px">
				<div class="forum-status" style="padding:13px 135px 0 35px;">
					<div style="float:left">
						<img src="<?php echo base_url() ?>images/pin.jpg">by <label class="site-blue">Gusang</label> at <label class="site-blue">1:29 AM</label> (72 Views / 0 Likes)
					</div>
					<div style="float:right" class="site-blue">
						<img src="<?php echo base_url() ?>images/mss.jpg" >9 Comments
					</div>
					<div class="clear-5"></div>
				</div>
				<div class="forum-content" style="color:#fff;padding:10px 10px 10px 35px;">
					<img class="forum-profile-main" src="<?php echo base_url() ?>images/forums/mainImg.jpg" align="right">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
				</div>
			</div>
			<div class="forum-footer">
				<div style="float:left">
				</div>
				<div style="float:right;font-size:12px">
					<img src="<?php echo base_url() ?>images/forums/readmore.png"/>&nbsp;<a href="#">Continue reading...</a>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	
</div>
<!-- END CENTER PANE -->

<!-- START RIGHT PANE -->
<div style="width:244px;float:left">
	<div id="div-bar">
		<div class="panel-title calibri_bold"><div>SHOUT BOX</div></div>
		<div class="panel-content" style="padding:18px">
			<div class="bottom-bar" id="shoutbox-div">
				<div style="float:left">
					<img src="<?php echo base_url() ?>images/shoutbox/img1.jpg" />
				</div>
				<div class="calibri" style="float:left;margin-left:5px;width:174px">
					<div style="float:left;color:#fff600">Kieranator1610</div><div style="float:right">1:12am</div>
				</div>
				<div class="clear"></div>
				<div class="calibri">Yes silk touch! I guess i may as well get another one soon :)</div>
				
				<div class="clear"></div>
			</div>
			<div class="clear-15"></div>
			<div class="bottom-bar" id="shoutbox-div">
				<div style="float:left">
					<img src="<?php echo base_url() ?>images/shoutbox/img2.jpg" />
				</div>
				<div class="calibri" style="float:left;margin-left:5px;width:174px">
					<div style="float:left;color:#fff600">Kieranator1610</div><div style="float:right">1:12am</div>
				</div>
				<div class="clear"></div>
				<div class="calibri">Yes silk touch! I guess i may as well get another one soon :)</div>
				
				<div class="clear"></div>
			</div>
			<div class="clear-15"></div>
			<div class="bottom-bar" id="shoutbox-div">
				<div style="float:left">
					<img src="<?php echo base_url() ?>images/shoutbox/img3.jpg" />
				</div>
				<div class="calibri" style="float:left;margin-left:5px;width:174px">
					<div style="float:left;color:#fff600">Kieranator1610</div><div style="float:right">1:12am</div>
				</div>
				<div class="clear"></div>
				<div class="calibri">Yes silk touch! I guess i may as well get another one soon :)</div>
				
				<div class="clear"></div>
			</div>
			
			<div class="clear-5"></div>
			
			<div class="calibri" style="float:left;margin-left:5px;width:202px">
				<div style="float:left">Page 1 of 10</div><div style="float:right;color:#fff600">Next</div>
			</div>
			
			<div class="clear-5"></div>
			
			<div class="calibri" style="float:left;margin-left:5px;width:202px">
				<div style="float:right"><button class="mybtn">Refresh</button></div>
			</div>
			
			<div class="clear"></div>
			
		</div>
	</div>
	
	<div class="clear-24"></div>
	
	<div id="div-bar">
		<div class="panel-title calibri_bold"><div>FORUMS</div></div>
		<div class="panel-content" style="padding:18px">
			
			<div class="bottom-bar" id="forum-div">
				
				<div style="float:left;width:35px">
					<img src="<?php echo base_url() ?>images/forums/img1.jpg" />
				</div>
				
				<div style="float:left;width:166px;margin-left:5px" class="calibri">

					<label class="sbj">Gamer Conferences in your area</label>
					<br/>
					<label class="time-user">6 mins ago <em class="ol">envy04</em></label>
					<br/>
					<label class="categ">Gamer Conferences in your area</label>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="clear-10"></div>
			
			<div class="bottom-bar" id="forum-div">
				
				<div style="float:left;width:35px">
					<img src="<?php echo base_url() ?>images/forums/img2.jpg" />
				</div>
				
				<div style="float:left;width:166px;margin-left:5px" class="calibri">

					<label class="sbj">Gamer Conferences in your area</label>
					<br/>
					<label class="time-user">18 mins ago <em class="of">gas31</em></label>
					<br/>
					<label class="categ">Gamer Conferences in your area</label>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="clear-10"></div>
			
			<div class="bottom-bar" id="forum-div">
				
				<div style="float:left;width:35px">
					<img src="<?php echo base_url() ?>images/forums/img1.jpg" />
				</div>
				
				<div style="float:left;width:166px;margin-left:5px;" class="calibri">

					<label class="sbj">Gamer Conferences in your area</label>
					<br/>
					<label class="time-user">6 mins ago <em class="ol">envy04</em></label>
					<br/>
					<label class="categ">Gamer Conferences in your area</label>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="clear-10"></div>
			
			<div class="bottom-bar" id="forum-div">
				
				<div style="float:left;width:35px">
					<img src="<?php echo base_url() ?>images/forums/img2.jpg" />
				</div>
				
				<div style="float:left;width:166px;margin-left:5px" class="calibri">

					<label class="sbj">Gamer Conferences in your area</label>
					<br/>
					<label class="time-user">18 mins ago <em class="of">gas31</em></label>
					<br/>
					<label class="categ">Gamer Conferences in your area</label>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="clear-10"></div>
			
			<div class="bottom-bar" id="forum-div">
				
				<div style="float:left;width:35px">
					<img src="<?php echo base_url() ?>images/forums/img2.jpg" />
				</div>
				
				<div style="float:left;width:166px;margin-left:5px" class="calibri">

					<label class="sbj">Gamer Conferences in your area</label>
					<br/>
					<label class="time-user">18 mins ago <em class="of">gas31</em></label>
					<br/>
					<label class="categ">Gamer Conferences in your area</label>
				</div>
				<div class="clear"></div>
			</div>
			
		</div>
	</div>
	
</div>
<!-- END RIGHT PANE -->